---
layout: default
title: 技术分类
category: categories
---

<link rel="stylesheet" href="/css/blog.css">
<!--<div class="subheader-container">-->
<!--<div class="inner">-->
<!--<nav class="sub-nav">-->
<!--<a class="{% if page.category == 'blog' %} selected {% endif %}" href="/">时间线</a>-->
<!--<a class="{% if page.category == 'categories' %} selected {% endif %}" href="/categories.html">归档</a>-->
<!--</nav>-->
<!--</div>-->
<!--</div>-->
<section class="inner">
    <div id='tag_cloud'>
        {% for cat in site.categories %}
        <a href="#{{ cat[0] }}" title="{{ cat[0] }}" rel="{{ cat[1].size }}">{{ cat[0] }}</a>
        {% endfor %}
    </div>

    <section class="inner">
        {% for cat in site.categories %}
        <li class="category-listing-seperator" id="{{ cat[0] }}">{{ cat[0] }}（共{{ cat[1].size }}篇）</li>
        {% for post in cat[1] %}
        <div class="post-link-in-posts">
            <a id="uniqueid" class="listing-item" href="{{ post.url }}" title="{{ post.title }}" target="_blank">
                <time datetime="{{ post.date | date:" %Y-%m-%d "}}">{{ post.date | date:"%Y-%m-%d" }}</time>
                {{ post.title }}
                <div class="tag-in-index-post">
                    <i class="fa fa-tags"></i>
                    <div class="tag">
                        &nbsp;{{ post.tags | first }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    </div>
                </div>
            </a>
        </div>
        {% endfor %}
        {% endfor %}
    </section>

    <script src="/js/jquery.tagcloud.js" type="text/javascript" charset="utf-8"></script>
    <script language="javascript">
        $.fn.tagcloud.defaults = {
            size: {start: 1, end: 1, unit: 'em'},
            color: {start: '#f8e0e6', end: '#ff3333'}
        };
        $(function () {
            $('#tag_cloud a').tagcloud();
        });
    </script>
